<!-- contain BEGIN -->
<div class="right-product right-full animate-time" 
    [ngClass]="{ 'right-full': isActive , 'right-off': !isActive , 'game': opensearch , '': !opensearch }">
  <div class="center-back right-back">
    <ul class="breadcrumb">
      <li>
        <a ui-sref="home">
          <img class="breadcrumb-right-img-home" height="20px" src="assets/right-product/home.png">首页
        </a>
      </li>
      <li>
        <img class="breadcrumb-right-img" src="assets/public/right4.png">
      </li>
      <li>
        <a href="#">产品管理</a>
      </li>
      <li>
        <img class="breadcrumb-right-img" src="assets/public/right4.png">
      </li>
      <li>
        <a href="#" class="active">游戏管理</a>
      </li>
    </ul>
    <div class="button-group">
      <button type="button" class="btn btn-default" ui-sref="product.gameadd" data-toggle="modal" data-target="#add" *ngIf="right['game']['create']">
        <span class="glyphicon glyphicon-plus"></span> 新增
      </button>
      <button type="button" class="btn btn-default yellow" data-toggle="modal" data-target="#delete" [disabled]="selectedGames.length ==0" *ngIf="right['game']['batchDelete']">
        <span class="glyphicon glyphicon-trash"></span> 批量删除
      </button>
      <button type="button" class="btn btn-default" data-toggle="modal" data-target="#examine" [disabled]="selectedGames.length == 0" *ngIf="right['game']['batchAuditing']">
        <span class="glyphicon glyphicon-screenshot"></span> 批量审核
      </button>
      <button type="button" class="btn btn-default redbtn" data-toggle="modal" data-target="#relationship" *ngIf="right['game']['resourceRelationship']">
        <span class="glyphicon glyphicon-heart-empty"></span> 资源关系
      </button>
      <button type="button" class="btn btn-default" *ngIf="right['game']['push']">
        <span class="glyphicon glyphicon-plane"></span>推送
      </button>
      <app-game-search></app-game-search>
    </div>
    <div class="container-fluid animate-time" [ngClass]="{ 'game': opensearch , '': !opensearch}">
      <div class="info-center grid-info-center">
        <div class="contain">
          <app-game-table [tabVal]="gameTableVal" [selectedGames]="selectedGames"></app-game-table>
        </div>
      </div>
      <div class="info-bottom">
        <app-pagination
        [getTotalItems]="totalItems"
        (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"
        ></app-pagination>
      </div>
    </div>
  </div>
</div>
<!-- 详情 BEGIN -->
<app-game-details></app-game-details>
<!-- 详情 END -->
<!-- 新增 BEGIN -->
<app-game-add></app-game-add>
<!-- 新增 END -->
<!-- contain END -->
<app-game-edit></app-game-edit>
<!-- 删除 BEGIN -->
<app-game-delete [resIds]="selectedGames" ></app-game-delete>
<!-- <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="delete">
      <div class="modal-dialog delete-modal">
          <div class="modal-content">
              <div class="modal-header">
                  <h4 class="modal-title text-center">删除提示</h4></div>
              <div class="modal-body text-center">请确认是否删除该行角色</div>
              <div class="modal-footer">
                  <div class="col-xs-6">
                      <button type="button" class="btn btn-default" data-dismiss="modal">取消</button></div>
                  <div class="col-xs-6">
                      <button type="button" class="btn btn-primary pull-left confirm-del-btn" ng-click="confirmDel()" data-dismiss="modal">确定</button></div>
              </div>
          </div>
      </div>
  </div> -->
<!-- 删除 END -->
<!--批量审核-->
<app-game-examine [resIds]="selectedGames"></app-game-examine>
<!-- <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="examine">
      <div class="modal-dialog " role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  <h4 class="modal-title" id="myModalLabel">审核操作</h4></div>
              <div class="modal-body">  	
              <form name="usereffectAdd_form" novalidate>
                    <div class="form-group">
                          <label class="col-xs-12 col-sm-3 control-label text-right" for="dhName">审核状态：</label>
                          <div class="col-xs-12 col-sm-9">
                              <select name="sex"  ng-model="user_effectNokai" required>
                                <option  value="" >请选择</option>
                <option  value="0">通过</option>
                <option  value="1">不通过</option>
              </select>
                          </div>       
                    </div>
                   
                  
                   
                    <div class="form-group">
                          <label class="col-xs-12 col-sm-3 control-label text-right" >描述：</label>
                          <div class="col-xs-12 col-sm-9">
                             <textarea rows="5" type="text" name="description" class="form-control" ng-model="edit_role_description"/></textarea>
              
                          </div>       
                    </div>
                    <div class="col-sm-12">
                      <div class="modal-footer">
                        <button type="button" class="btn btn-primary"  ng-click="confirmNewlyAdded()">确定</button></div>
                  </div>
                </div>	
        </form>
        
              </div>
              
      </div>
  </div> -->
<!--批量审核 end-->


<!--资源关系-->
<!-- <div class="modal fade roleassignment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="relationship" ng-controller="rolebyController">
  <div class="modal-dialog " role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h4 class="modal-title pull-left" id="myModalLabel">资源关联</h4>
              <img class="pull-right" width="30px" data-dismiss="modal" aria-hidden="true" src="assets/model/close999.png">
          </div>
          <div class="modal-body">
             <div class=" roleby-frame">
                        <div class="left" ng-controller="rolebyUserController">
                          <div class="roleby-frame-header">
              <h3>资源列表</h3>
              <div class="game-border">
                <div class="form-group col-xs-12 ">
                  <label class="pull-left">资源名称：</label>
                  <input type="text" class="form-control pull-left mar-right" placeholder="资源名称"  ng-model="game_search">
                  <label class="pull-left">资源类型：</label>
                  <select  class="form-control pull-left"  ng-model="roleby_search">
                    <option  value="" >请选择</option>
                    <option  value="0">1</option>
                    <option  value="1">2</option>
                  </select>
                </div>
        
                <div class="form-group col-xs-12">
                                    <label class="pull-left">发布时间：</label>
                                    <input type="date" class="pull-left form-control ">
                                    <label class="pull-left mar">至</label>
                                    <input type="date" class="pull-left form-control">

                                  <button class="btn btn-default  mar" ng-click="retrieval()">
                                      <span class="glyphicon glyphicon-search"></span>检索
                                  </button>
                              </div>
                            </div>	
              
            </div>
              
               <!--测试代码 <pre>{{selected|json}}</pre>-->
<!--测试代码 <pre>{{selectedTags|json}}</pre>
                            <table class="table table-bordered table-header user-roleby-table">
                              <thead>
                                  <tr>
                                    <td class="wh5 text-center"> 
                                      <input  type="checkbox" ng-model="all" ng-click="userAll()"/>
                                    </td>
                                      <td class="wh30 text-center">名称</td>
                                      <td class="wh30 text-center">类型</td>
                                      <td class="wh30 text-center">出版日期</td>
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr ng-repeat="user in user_tabVal | filter:roleby_search">
                                    <td class="wh5 text-center">
                                      <input  type="checkbox"id={{user.userId}} name={{user.userName}} ng-checked="isSelected(user.userId)" ng-click="updateSelection($event,user.userId)"/>
                                    </td>
                                      <td class="wh30 text-center" ng-bind="user.userName"></td> 
                                      <td class="wh30 text-center" ng-bind="user.userName"></td> 
                                      <td class="wh30 text-center" ng-bind="user.userName"></td> 
                                  </tr>
                                  
                                  <tr>
                                    <td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
                               </tr>
                              </tbody>
                              
                              <tfoot>
                              <tr >
                                  <td colspan="12" ng-show="isNoData" class="position-r">
                                      <div class="pull-right">
                                          <nav>
                                              <tm-pagination conf="paginationConf"></tm-pagination>
                                          </nav>
                                      </div>
                                  </td>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                        <div class="center">
                          <div class="binding-unbound">
                            <img width="32px" height="32px" ng-click="binding()" src="assets/icon/MoveLast_32x32_Standard.png">
                            <img width="32px" height="32px" ng-click="unbound()" src="assets/icon/MoveFirst_32x32_Standard.png">
                          </div>
                        </div>
          <div class="right" ng-controller="rolebyRoleController">
            <div class="roleby-frame-header">
              <h3>资源关系列表</h3>
              <div class="game-border">
                <div class="form-group col-xs-12 ">
                  <label class="pull-left">资源名称：</label>
                  <input type="text" class="form-control pull-left mar-right" placeholder="资源名称"  ng-model="game_searchname">
                  <label class="pull-left">资源关系：</label>
                  <select  class="form-control pull-left"  ng-model="game_searchrelationship">
                    <option  value="" >请选择</option>
                    <option  value="0">1</option>
                    <option  value="1">2</option>
                  </select>
                  <button class="btn btn-default  mar" ng-click="retrieval()">
                                      <span class="glyphicon glyphicon-search"></span>检索
                                  </button>
                </div>
                
            </div>
            <!--测试代码  <pre>{{roleselected|json}}</pre>
                            <table class="table table-bordered table-header user-roleby-table">
                              <thead>
                                  <tr>
                                    <td class="wh5 text-center" >
                                      <input  type="checkbox"id={{user.userId}} name={{user.userName}} ng-checked="isSelected(user.userId)" ng-click="updateSelection($event,user.userId)"/>
                                    </td>
                                      <td class="wh30 text-center">名称</td>
                                      <td class="wh30 text-center">类型</td>
                                      <td class="wh30 text-center">出版日期</td>
                                  </tr>
                              </thead>
                              <tbody>
                                <!--ng-repeat="val in tabVal"
                                  <tr ng-repeat="role in role_tabVal">
                                    <td class="wh5 text-center">
                                      <input  type="checkbox" id={{role.userRoleId}} ng-checked="roleisSelected(role.userRoleId)" ng-click="roleupdateSelection($event,role.userRoleId)" />
                                    </td>
                                      <td class="wh30 text-center" ng-bind="role.userName"></td> 
                                      <td class="wh30 text-center" ng-bind="role.userName"></td>  
                                      <td class="wh30 text-center" ng-bind="role.userName"></td>  
                                  </tr>
                                  <tr>
                                    <td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
                               </tr>
                              </tbody>
                              <tfoot>
                              <tr >
                                  <td colspan="12" ng-show="isNoData" class="position-r">
                                      <div class="pull-right">
                                          <nav>
                                              <tm-pagination conf="paginationConf"></tm-pagination>
                                          </nav>
                                      </div>
                                  </td>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                      </div>
          </div>	
      </div>
  </div>
</div>     -->
<!--资源关系 end-->
